<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>撸一撸</title>
    <link rel="stylesheet" href="css/shake.css"> 
    
    <!-- 动态计算px-rem转换 -->
    <script>
    (function (doc, win) {
        var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
            var clientWidth = docEl.clientWidth;
            if (!clientWidth) return;
            docEl.style.fontSize = 100 * (clientWidth / 360) + 'px';
            docEl.getElementsByTagName("body")[0].style.fontSize = docEl.style.fontSize;
        };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window)
    
    </script>
    

</head>

<body>
<div id="box">
    <div><img class="center_t" src="img/shake/bg33.png" alt=""></div>
    <div class="center">
        <div><img class="center_c1" src="img/shake/bg.png" alt=""></div>
        <!-- 中间摇一摇图片 -->
        <div class="center_c2d"><img class="center_c2" src="img/shake/微信摇一摇_icon.png" alt=""></div>
    </div>

    <div class="number">
        今日剩余次数：
        <span id="j-number">?</span>
    </div>
    <!-- 问号帮助 -->
    <a class="mark">
        <div><img src="img/shake/mark.png" alt=""></div>
    </a>
    <!-- 底部 -->
    <div class="footer-box">
        <div class="footer">
            <ul class="footer-list" id="footer-list"></ul>
        </div>
    </div>
</div>
</body>
</html>